<div class="warehousehas-manage">
    <div nz-row nzGutter="10" class="row_1">
        <div nz-col nzSpan="3">
            <input nz-input placeholder="输入物料编码" [(ngModel)]="searchCode" />
        </div>
        <div nz-col nzSpan="3">
            <input nz-input placeholder="输入物料名称" [(ngModel)]="searchName" />
        </div>
        <div nz-col nzSpan="3">
            <input nz-input placeholder="输入库房" [(ngModel)]="searchkf" />
        </div>
        <div nz-col nzSpan="3">
            <input nz-input placeholder="输入库区" [(ngModel)]="searchkq" />
        </div>
        <div nz-col nzSpan="4" class="operate_btn">
            <button nz-button class="searchbtn" nzType="" (click)="handleSearch()">
                <i nz-icon nzType="search"></i>搜索
            </button>
        </div>
    </div>
    <div nz-row class="row_3">
        <nz-table #expandTable [nzData]="listOfData" [nzFrontPagination]="false">
            <thead>
                <tr>
                   
                    <th>库房</th>
                    <th>库区</th>
                    <th>物料编码</th>
                    <th>物料名称</th>
                    <th>库存现有量</th>
                    <th>预留数量</th>
                    <th>可用数量</th>
                    <th>待检量</th>
                </tr>
            </thead>
            <tbody>
                <tr *ngFor="let data of expandTable.data">
                    <td>{{ data.kf }}</td>
                    <td>{{ data.kq }}</td>
                    <td>{{ data.wlbm }}</td>
                    <td>{{ data.wlName }}</td>
                    <td>{{ data.kcxyl }}</td>
                    <td>{{ data.yll }}</td>
                    <td>{{ data.kysl }}</td>
                    <td>{{ data.djl }}</td>
                </tr>
            </tbody>
        </nz-table>
        <div nz-row class="row_4">
            <nz-pagination [nzPageIndex]="1" [nzTotal]="50" [nzShowTotal]="totalTemplate"></nz-pagination>
            <ng-template #totalTemplate let-total> 总共 50 条 </ng-template>
        </div>
    </div>
    <div nz-row class="row_3">
        <nz-table #expandTableById [nzData]="listOfDataById" [nzFrontPagination]="false">
            <thead>
                <tr>
                   
                    <th>批次</th>
                    <th>库存现有量</th>
                    <th>预留数量</th>
                    <th>可用数量</th>
                </tr>
            </thead>
            <tbody>
                <tr *ngFor="let data of expandTableById.data">
                    <td>{{ data.pc }}</td>
                    <td>{{ data.kcxyl }}</td>
                    <td>{{ data.yllCount }}</td>
                    <td>{{ data.kycount }}</td>
                </tr>
            </tbody>
        </nz-table>
    </div>
</div>